<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    
</body>
<script>
    // js是一个单线程
    // js中分为同步任务和异步任务 
    // 同步任务特点 ：当前任务没有结束，不会开始下一个，如果有报错，就会阻塞js的进程

    // console.log(a);
    // let b = 1
    // console.log(b);

    // 异步特点  同一时间可以做多件事情
    // 定时器  ajax

    setTimeout(()=>{
      console.log(a);
    },0)
    let b = 20
    console.log(b);

    // ajax请求后台接口
     
    // 第一步
    let xhr = new XMLHttpRequest()
    // 第二步
    // 通过open()服务器建立连接  第一个参数存放请求方法，第二个参数 接口地址 
    xhr.open('GET','https://api-hmugo-web.itheima.net/api/public/v1/home/swiperdata')

    // 第三步 send 发送到服务器
    xhr.send()
    // 第四步
    xhr.onreadystatechange = function(){
        // readyState 为4的时候 才表示请求完成
        if(xhr.readyState == 4 && xhr.status == 200){
           console.log(JSON.parse(xhr.response));
        }
    }
    console.log('我是同步的');

</script>
</html>